<!DOCTYPE html>
<html mip>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <title>{$title}-{网站名称}</title>
    <meta name="keywords" content="{$keywords}" />
    <meta name="description" content="{$description}" />
    <link rel="canonical" href="{$thisurl}">
    <link rel="stylesheet" type="text/css" href="https://c.mipcdn.com/static/v2/mip.css">
    <link rel="stylesheet" type="text/css" href="{$theme_path}/static/css/font-awesome.css">
<style mip-custom>
    html{-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;font-size:10px}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0;color:#333;font-size:1.4rem;font-family:"Microsoft YaHei",Verdana,sans-serif;line-height:1.5;outline:0;background:#f2f2f2}a{text-decoration:none;color:#333;transition:all .35s ease 0s}a:hover{color:#FF0000;text-decoration:none;outline:0}img{max-width:100%;height:auto;width:auto9;border:0;vertical-align:middle}div,h1,h2,h3,h4,h5,p,form,ul,label,input,textarea,img,span,dl,dt,dd,pre{margin:0;padding:0;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3,h4,h5,h6{font-weight:normal}input,textarea,button,form{font-size:1.4rem;font-family:"Microsoft YaHei",Verdana,sans-serif}li{list-style-type:none}.fl{float:left}.fr{float:right}.img-d img,.dp-b{display:block}.tx-input{border:1px solid #ddd;border-radius:3px;line-height:38px;height:38px;width:100%;padding:0 10px}.input-ma{position:relative}.input-ma img{position:absolute;right:5px;top:5px;height:30px!important;width:auto!important}.tx-form{position:relative;line-height:38px}.tx-textarea{border:1px solid #ddd;border-radius:3px;padding:10px;width:100%}.tx-btn{vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.tx-btn{display:inline-block;height:35px;line-height:35px;padding:0 26px;background-color:#009688;color:#fff;white-space:nowrap;text-align:center;font-size:1.4rem;border:0;border-radius:2px;cursor:pointer;opacity:.9;filter:alpha(opacity=90)}.tx-btn:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}.tx-btn:active{opacity:1;filter:alpha(opacity=100)}.tx-btn-big{height:44px;line-height:44px;padding:0 25px;font-size:1.6rem}.tx-btn-small{height:30px;line-height:30px;padding:0 10px;font-size:1.4rem}.tx-btn-mini{height:22px;line-height:22px;padding:0 5px;font-size:1.4rem}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mr10{margin-right:10px}.ml10{margin-left:10px}.f-30{font-size:3rem}.f-22{font-size:2.2rem}.f-20{font-size:2rem}.f-18{font-size:1.8rem}.f-16{font-size:1.6rem}.f-14{font-size:1.4rem}.f-12{font-size:1.2rem}.f-8{font-size:.75em}.f-bold{font-weight:bold}.pd5{padding:5px}.pd10{padding:10px}.pd10-1{padding:10px 0}.pd10-2{padding:0 10px}.pd10-3{padding:10px 10px 0 10px}.pd15{padding:15px}.pd15-1{padding:15px 0}.pd15-2{padding:0 15px}.pd15-3{padding:15px 15px 0 15px}.pd20{padding:20px}.pd20-1{padding:20px 0}.pd20-2{padding:0 20px}.pd20-3{padding:20px 20px 0 20px}.pd40{padding:40px}.pd60{padding:60px}.ta-c{text-align:center}.ta-r{text-align:right}.f-red{color:#FF0000}.f-wthie{color:#fff}.f-grenn{color:#5fb878}.f-yellow{color:#ffb800}.f-blue{color:#1e9fff}.f-gray{color:#888}.f-gray1,.f-gray1 a{color:#bbb}.f-wthie1 a{color:#fff}.f-black{color:#393d49}.bg-gray{background-color:#eee}.bg-red,.tag1{background-color:#FF0000}.bg-yellow,.tag2{background-color:#ffb800}.bg-green,.tag3{background-color:#5fb878}.bg-blue,.tag4{background-color:#1e9fff}.bg-black,.tag5{background-color:#393d49}.bg-cyan,.tag6{background-color:#2f4056}.tx-table table{width:100%;border-collapse:collapse}.tx-table table th,.tx-table table td{border:1px solid #ddd;padding:10px;overflow:hidden;text-align:center}.tx-table table th{background:#f1f1f1}.txt-ov{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wide{width:100%;margin:0 auto;max-width:1200px}.wide::after,.clearfix::after,.row:before,.row:after{display:table;content:" ";clear:both}.row{margin-left:-7px;margin-right:-7px}[class*='col-']{float:left;min-height:1px;padding-left:7px;padding-right:7px;width:10%;position:relative}.col-1{width:4.1666%}.col-2{width:8.3332%}.col-3{width:12.4998%}.col-4{width:16.6664%}.col-5{width:20.833%}.col-6{width:24.9996%}.col-7{width:29.1662%}.col-8{width:33.3328%}.col-9{width:37.4994%}.col-10{width:41.666%}.col-11{width:45.8326%}.col-12{width:50%}.col-13{width:54.1658%}.col-14{width:58.3324%}.col-15{width:64.499%}.col-16{width:66.6656%}.col-17{width:70.8322%}.col-18{width:74.9988%}.col-19{width:79.1654%}.col-20{width:83.332%}.col-21{width:87.4986%}.col-22{width:91.6652%}.col-23{width:95.8318%}.col-24{width:100%}.col-25{width:20%}.pagebar a,.pagebar .now-page{padding:0 12px;line-height:30px;display:inline-block;background-color:#fff;margin:0 3px 3px 0;border-radius:2px}.pagebar a:hover,.pagebar .now-page{color:#FFF;background-color:#FF0000}.header{box-shadow:0 0 10px 0 rgba(0,0,0,0.08);background-color:#fff}mip-fixed[type="top"],mip-fixed[type="bottom"]{overflow:auto}.logo{padding:10px 0}.logo img{height:50px;width:auto}
    nav{margin:0 50px}nav li{float:left;position:relative}nav li a{display:block;line-height:70px;padding:0 15px;position:relative;z-index:1;background-color:#fff}nav li ul{position:absolute;left:0;background-color:#fff;top:-100px;transition:all .5s ease 0s;z-index:0;padding:5px 0;box-shadow:0 0 10px 0 rgba(0,0,0,0.08)}nav li ul li a{white-space:nowrap;line-height:30px}nav li:hover ul{top:70px}mip-accordion .mip-accordion-content,mip-fixed[type="top"],mip-fixed[type="bottom"]{overflow:visible}.nav-box h4{display:none}.header-fr{line-height:30px;padding:20px 0}.search{position:relative}.search .mip-accordion-header span,.nav-box .mip-accordion-header span{width:30px;height:30px;line-height:30px;cursor:pointer;border-radius:50%;text-align:center;background-color:#FF0000;color:#fff}.search .mip-accordion-content{position:absolute;top:0;right:35px;width:200px}.search .mip-accordion-content mip-form form{display:block;width:100%;height:30px;background-color:#eee;padding-right:40px;border-radius:60px;position:relative}.search .mip-accordion-content mip-form form input{border:0;line-height:30px;padding:0 18px;background-color:#eee;border-radius:60px;font-size:1.2rem;width:100%}.search .mip-accordion-content mip-form form button{position:absolute;right:0;top:0;border-radius:60px;border:0;line-height:30px;width:40px;text-align:center;background-color:#FF0000;color:#fff;font-size:1.2rem}.main{padding-top:85px}.img-txt{display:block;position:relative;box-shadow:0 2px 10px 0 rgba(173,173,173,.1)}.img-txt::after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:#000;opacity:.2;transition:all .35s ease 0s}.img-txt:hover::after{opacity:.7}.img-txt img{height:166px}.img-txt>div{position:absolute;bottom:0;left:0;z-index:12;width:100%;padding:10px;overflow:hidden;color:#eee;transition:all .35s ease 0s;text-shadow:0 1px #121212}.img-txt>div time{font-size:1.2rem}.img-txt>div h3{max-height:44px;overflow:hidden;margin-top:5px}.img-txt:hover>div{color:#fff;bottom:10px}.img-x{overflow:hidden;display:block}.img-x img{transform:scale(1) rotate(0deg);-webkit-transform:scale(1) rotate(0deg);transition:800ms;-webkit-transition:800ms;-o-object-fit:cover;object-fit:cover;width:100%}.img-x:hover img{transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(2deg)}.post-item,.tx-box{background-color:#fff;box-shadow:0 2px 10px 0 rgba(173,173,173,.1);transition:all .35s ease 0s}.post-item:hover{box-shadow:0 5px 20px 0 rgba(110,110,110,.1)}.small-box span.fr i{margin-left:15px}.small-box span.fr .mip-layout-container{display:inline-block}.small-box span a{margin-right:15px}.item-tag a{display:inline-block;line-height:24px;padding:0 12px;color:#fff;margin-right:5px;border-radius:1px}.item-tag a:hover{background-color:#777}.post-item-txt>a{display:block;float:left;width:33.333%;margin-right:15px}.post-item-txt p.mb10{color:#5a5a5a}.post-item-txt ul{margin-left:-5px;margin-right:-5px}.post-item-txt ul li{float:left;width:33.3333%;padding:0 5px}.post-item img{height:160px}.sidebox dl{background-color:#fff;padding:15px 20px;box-shadow:0 2px 10px 0 rgba(173,173,173,.1);margin-bottom:15px}.sidebox dl dt,.tx-title{font-size:1.8rem;font-weight:600;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #f1f1f1;position:relative}.sidebox dl dt::after,.tx-title::after{position:absolute;bottom:-1px;left:0;width:35px;height:2px;background-color:#888;display:block;content:"";transition:all .5s ease 0s}.sidebox dl:hover dt::after,.tx-title:hover::after{width:80px}.sidebox dl dd ul::after{display:block;content:"";clear:both}.sidebox dl dd ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2}.sidebox dl#divArchives ul li,.sidebox dl#divTags ul li,.sidebox dl#divFavorites ul li,.sidebox dl#divLinkage ul li,.sidebox dl#divCatalog ul li,.sidebox dl#divLinkage ul li{float:left;width:48%}.sidebox dl#divArchives ul li:nth-child(2n),.sidebox dl#divTags ul li(2n),.sidebox dl#divFavorites ul li:nth-child(2n),.sidebox dl#divLinkage ul li:nth-child(2n),.sidebox dl#divCatalog ul li:nth-child(2n),.sidebox dl#divLinkage ul li:nth-child(2n){float:right}.sidebox dl table{width:100%;border-collapse:collapse}.sidebox dl table th,.sidebox dl table td{border:1px solid #ddd;padding:5px;overflow:hidden;text-align:center}.sidebox dl table caption{margin-bottom:10px}.sidebox dl table td a{color:#FF0000}.sidebox dl#divSearchPanel dd form{display:block;position:relative;height:40px;width:100%;padding-right:50px}.sidebox dl#divSearchPanel dd>div input[type="text"]{width:100%;border:0;padding:0 10px;line-height:30px;background-color:#eee}.sidebox dl#divSearchPanel dd>div input[type="submit"]{position:absolute;right:0;top:0;width:50px;height:30px;line-height:30px;text-align:center;background-color:#FF0000;color:#fff;border:0;border-radius:0;padding:0;}.info-title{border-bottom:1px dotted #eee}.info-con{line-height:1.7;color:#111}.info-con p,.info-con h2,.info-con h3,.info-con h4{margin-bottom:.8em}.info-con ol li{list-style:decimal}.info-con h2,.info-con h3,.info-con h4{border-left:4px solid #ddd;border-left-width:4px;background-color:rgba(102,128,153,0.05);padding:10px 20px;border-radius:2px;font-size:1.8rem}.info-con img,.info-con iframe{max-width:100%!important}.info-con h3,.info-con h4{font-size:1.6rem}.info-con blockquote{border-left:10px solid rgba(102,128,153,0.075);background-color:rgba(102,128,153,0.05);border-radius:0 5px 5px 0;padding:15px 20px;margin-left:0;margin-right:0;margin-bottom:.6em;color:#666}.info-con ul li{border-bottom:1px dotted #ddd;padding-top:.8em}.info-con ul li:last-child{border-bottom:0}.mip-fill-content{padding:0}.c-share-list .c-row{width:auto;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;-webkit-box-align:stretch;-webkit-box-lines:single;display:-webkit-flex;-webkit-flex-direction:row;-webkit-justify-content:center;-webkit-align-items:stretch;-webkit-align-content:flex-start;-webkit-flex-wrap:nowrap}.c-share-list .c-span3{width:30px;-webkit-flex:inherit}.c-share-list .c-line-clamp1,.c-share-list .c-span3:nth-child(3),.c-share-list .c-span3:nth-child(4){display:none}.mip-share-container{position:relative;padding-left:50px;font-size:1.2rem}.mip-share-container>span{position:absolute;left:0;top:0;line-height:26px}footer{background-color:#000;color:#f1f1f1;padding:20px 0 5px 0;font-size:1.3rem}footer a{color:#fff}.footer-ico a{display:inline-block;margin-left:10px;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:50%;position:relative;}.footer-ico a i{font-size:1.8rem}.footer-ico a:nth-child(1){background-color:#09c}.footer-ico a:nth-child(2){background-color:#FF0000}.footer-ico a:nth-child(3){background-color:#093}.footer-ico a:hover{background-color:#888}.weixin mip-img{position:absolute;bottom:45px;left:50%;width:100px;height:100px;margin-left:-50px;white-space:nowrap;display:none;}.weixin:hover mip-img{display:block;}mip-fixed[type="gototop"]{right:auto!important;margin-left:610px;left:50%}mip-gototop{background-color:#fff;cursor:pointer;border:1px solid #ccc;border-radius:50%;width:50px;height:50px;line-height:50px;background-size:30% 30%}mip-gototop:hover{background-color:#FF0000}@media screen and (max-width:1198px){.wide{width:100%;padding-left:5px;padding-right:5px}.row{margin-left:-3px;margin-right:-3px}[class*='col-']{padding-left:3px;padding-right:3px}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-20,.col-21,.col-22,.col-23,.col-24,.col-25{width:auto}.col-m-1{width:4.1666%}.col-m-2{width:8.3332%}.col-m-3{width:12.4998%}.col-m-4{width:16.6664%}.col-m-5{width:20.833%}.col-m-6{width:24.9996%}.col-m-7{width:29.1662%}.col-m-8{width:33.3328%}.col-m-9{width:37.4994%}.col-m-10{width:41.666%}.col-m-11{width:45.8326%}.col-m-12{width:50%}.col-m-13{width:54.1658%}.col-m-14{width:58.3324%}.col-m-15{width:64.499%}.col-m-16{width:66.6656%}.col-m-17{width:70.8322%}.col-m-18{width:74.9988%}.col-m-19{width:79.1654%}.col-m-20{width:83.332%}.col-m-21{width:87.4986%}.col-m-22{width:91.6652%}.col-m-23{width:95.8318%}.col-m-24{width:100%}.mb15,.sidebox dl,.mb10{margin-bottom:6px}.pd20,.pd15{padding:10px}.sidebox dl{padding:8px 12px}.pd15-3{padding:10px 10px 0 10px}.header{padding:5px 0}.logo{width:100%;position:relative;z-index:10;text-align:center;padding:0 80px}.logo img{height:36px;min-width:inherit}.nav-box h4{display:block;position:absolute;left:0;top:5px;z-index:12;width:60px}.header-fr{position:absolute;right:5px;top:0;z-index:12;padding:10px 0;width:60px;text-align:right}.header-fr>.fl{float:right}.sidebox{display:none}.search .mip-accordion-header span,.nav-box .mip-accordion-header span{width:26px;height:26px;line-height:26px}.search .mip-accordion-content mip-form form,.search .mip-accordion-content mip-form form input,.search .mip-accordion-content mip-form form button{height:26px;line-height:26px}.main{padding-top:53px}.post-item img{height:70px}.nav-box{float:none}nav{margin:0;width:100%}nav li{width:100%}nav ul{z-index:999;margin-top:5px}nav>ul>li>a{line-height:40px;border-bottom:1px solid #dedede;background:#f1f1f1}nav li ul,nav li:hover ul{position:relative;top:auto;padding:0;margin:0}nav li ul li a{padding-left:25px;background-color:#fafafa}nav>ul>li:last-child a{border-bottom:0}.nav-box .mip-accordion-content[aria-expanded="open"] ul{display:none!important}.nav-box .mip-accordion-content[aria-expanded="close"] ul,.nav-box mip-accordion .mip-accordion-content{display:block!important;height:auto!important}footer{padding:10px 0 4px 0}footer dd,footer dd.ta-r{text-align:center}.post-item-txt p.mb10{max-height:44px;overflow:hidden}mip-fixed[type="gototop"]{right:10px!important;left:auto;bottom:10px!important;margin-left:0}
        mip-gototop,.footer-ico a{width:30px;height:30px;line-height:30px}}@media screen and (min-width:768px) and (max-width:1198px){.img-txt img{height:260px}.post-item img{height:160px}.post-item-txt p.mb10{max-height:inherit;overflow:hidden}}@media screen and (min-width:480px) and (max-width:767px){.img-txt img{height:200px}.post-item img{height:120px}}@media only screen and (max-width:479px){.img-txt img{height:120px}.post-item img{height:80px}}
</style>
</head>
<body>
{include file="head.html"}
<div class="main wide">
    <div class="place mb15">
        当前位置：<a href="/">首页</a>&nbsp;>&nbsp;<a href="{当前栏目URL}">{当前栏目}</a>    </div>
    <div class="row">
        <div class="col-17 col-m-24">

            <div class="tx-box mb15 pd15">
                <div class="info-title mb15">
                    <h1 class="f-22 mb5">{$title}</h1>
                    <p class="small-box f-12 clearfix f-gray mb10">
                        <span><i class="fa fa-user"></i> <time><i class="fa fa-calendar-check-o"></i>{$vo.postdate}</time>
						</span>
                    </p>
                </div>
                <div class="info-con">
                    <p><span>{$body}</p>
				</div>
                <div class="clearfix">
                    <div class="fl">
                    </div>
                    <div class="mip-share-container fr">
                        <span>分享到：</span>
                        <mip-share></mip-share>
                    </div>
                </div>
            </div>



            <div class="tx-box mb15 pd15">
                <ul class="row f-gray">
                    {loop type="arclist" row="1"}<li class="col-12 col-m-12">
                        <p>上一篇</p>
                        <p class="txt-ov"><a href='{$vo.url}'>{$vo.title}</a></p>
                    </li>
					{/loop}
                    {loop type="arclist" row="1"}<li class="col-12 col-m-12 ta-r">
                        <p>下一篇</p>
                        <p class="txt-ov"><a href='{$vo.url}'>{$vo.title}</a></p>
                    </li>
					{/loop}
                </ul>
            </div>

            <div class="tx-box mb15 pd15-3">
                <h2 class="tx-title">相关推荐</h2>
                <ul class="row">
				{loop type="arclist" row="6" info=1 image=1}
                        <li class="col-8 col-m-12 mb15">
                        <a href="{$vo.url}" class="img-txt img-x"><mip-img src="{$vo.pic}" alt="{$vo.title}"></mip-img>
                            <div><time>{$vo.postdate}</time><h3 class="f-14">{$vo.title}</h3></div>
                        </a>
				{/loop}

                                    </ul>
            </div>
        </div>
  {include file="footer.html" }
</body>
</html>